<!DOCTYPE html>
<html>
<head>
    <title>Synchronous vs asynchronous xhr requests</title>
    <link type="text/css" href="css/reset.css" media="screen" rel="stylesheet"/>
    <script src="js/jquery/jquery-1.11.0.js"></script>
    <script src="js/synchronous-request.js?<?php echo filemtime('js/synchronous-request.js');?>"></script>
<body style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal">
    <div style="width:66%; margin:0 auto">
        <p class="container" style="margin: 100px 0 0 0">
            <a href="#" id="synchronous">synchronous</a>
        </p>
        <p class="container" style="margin: 10px 0 0 0">
            <a href="#" id="asynchronous">asynchronous</a>
        </p>
        <div id="messageQueue" style="margin: 10px 0 0">
            <h1>Messages</h1>
        </div>
    </div>
</body>
</html>